<script setup lang="ts">
//获取 vue 基础框架内容
import { ref , onMounted} from "vue";
// 实例化 pinia 仓库
import { storeToRefs } from "pinia"; // 把取消的响应式数据拿回来使用

// 引入store封装的请求http方法
import { storeGetUserListData } from '@/store/user_list_store'

const { userListResult } = storeToRefs(storeGetUserListData())
const { storeUseHttpRequest } =  storeGetUserListData()

onMounted(async ()=>{
  await storeUseHttpRequest() // 进行请求的方式
  console.log("实际拿到的数据",userListResult )

})

</script>

<template>
  <el-table :data="userListResult">
    <el-table-column prop="Name" label="名字" />
    <el-table-column prop="CreatedAt" label="创建时间" />
    <el-table-column prop="UpdatedAt" label="更新时间" />
  </el-table>
</template>

<style scoped>
</style>
